<script setup>
import Chart from '../components/Chart.vue'
import ButtonNew from '../components/ButtonNew.vue';
import {ref} from "vue"

const num = ref(0)

</script>


<template>
  <div class="about">
    <ButtonNew :number="num" @tap="num += 1">
      <span style="color: red;">submit</span>
    </ButtonNew>
    <ButtonNew number=1>
      <span style="color: green;">clear</span>
    </ButtonNew>
    <Chart></Chart>
  </div>
</template>

<style>
@media (min-width: 1024px) {
  .about {
    min-height: 300px;
    display: flex;
    align-items: center;
  }
}
</style>
